<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/pages/template/layout01.xhtml">

		<ui:define name="content">
		
	<h:messages globalOnly="true" />
	
	<h:form id="formPesquisa" rendered="#{!apartamentoBean.editMode}">

		<ul>
			
			<li><p:commandLink value="Adicionar Apartamento"
					actionListener="#{apartamentoBean.create}" ajax="false" /></li>
		</ul>

		<h:panelGrid columns="1">
			<h1>Apartamento</h1>
			<h:panelGroup>
				<h:outputText value="Filtro:" />
				<p:inputText maxlength="30" size="30"
					value="#{apartamentoBean.numeroApartamento}">
					<f:ajax event="keyup" render="resultados"
						listener="#{apartamentoBean.filtrarApartamento}" />
				</p:inputText>
			</h:panelGroup>
		</h:panelGrid>
		<p:dataTable value="#{apartamentoBean.apartamentos}" var="apartamento"
			id="resultados" border="1">
			<p:column id="clAparCodigo">
				<f:facet name="header">ID</f:facet>
				<h:outputText value="#{apartamento.aparCodigo}" />
			</p:column>
			<p:column id="clResidencial">
				<f:facet name="header">Residencial</f:facet>
				<h:outputText value="#{apartamento.bloco.residencial.resNome}" />
			</p:column>
			<p:column id="clBloco">
				<f:facet name="header">Bloco</f:facet>
				<h:outputText value="#{apartamento.bloco.bloDescricao}" />
			</p:column>
			<p:column id="clAparNumero">
				<f:facet name="header">Número do Apartamento</f:facet>
				<h:outputText value="#{apartamento.aparNumero}" />
			</p:column>
			<p:column id="clAparAndar">
				<f:facet name="header">Andar</f:facet>
				<h:outputText value="#{apartamento.aparAndar}" />
			</p:column>
			<p:column id="alterar">
				<f:facet name="header">#</f:facet>
				<h:commandLink value="Alterar" action="#{apartamentoBean.update}">
					<f:setPropertyActionListener
						target="#{apartamentoBean.apartamento}" value="#{apartamento}" />
				</h:commandLink>
			</p:column>
			<p:column id="excluir">
				<f:facet name="header">#</f:facet>
				<p:commandLink id="lnkDelete" value="Excluir"
					onclick="if (!confirm('Tem certeza que deseja excluir este dado?')) return false"
					action="#{apartamentoBean.delete}" ajax="false">
					<f:setPropertyActionListener
						target="#{apartamentoBean.apartamento}" value="#{apartamento}" />
				</p:commandLink>
			</p:column>
		</p:dataTable>
	</h:form>
	<h:form id="formEdicao" rendered="#{apartamentoBean.editMode}">
		<h:panelGrid columns="2">

			<h:outputText id="outResidencialBloco" value="Residencial-Bloco:" />
			<p:selectOneMenu id="cbResidencialBloco" value="#{apartamentoBean.apartamento.bloco}" effect="fade"
				converter="converteBloco">
				<f:selectItem itemLabel="Selecione..." itemValue="" />
				<f:selectItems value="#{blocoBean.blocos}" var="pojo"
					itemLabel="#{pojo.residencial.resNome}-#{pojo.bloDescricao}" itemValue="#{pojo}" />
			</p:selectOneMenu>
			
			<h:outputText id="outAparAndar" value="Andar Apartamento:" />
			<p:inputText id="inAparAndar" maxlength="30" size="30"
				value="#{apartamentoBean.apartamento.aparAndar}" />
			
			<h:outputText id="outAparNumero" value="Número Apartamento:" />
			<p:inputText id="inAparNumero" maxlength="30" size="30"
				value="#{apartamentoBean.apartamento.aparNumero}" />
		</h:panelGrid>
		<p:commandButton value="Salvar"
			actionListener="#{apartamentoBean.salvar}" ajax="false" />
		<p:commandButton value="Cancelar" action="apartamento" ajax="false" />
	</h:form>
	
	</ui:define>
	
	</ui:composition>
	
</h:body>
</html>